<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
        table {
            border: 1px solid #999;
            width: 300px;
            overflow: hidden;
            table-layout: fixed;
border-collapse: collapse;
        }
        
        tbody {
            width: 100%;
            overflow: hidden;
        }
        
        tr {
            width: 100%;
            overflow: hidden;
        }
        
        th,
        td:nth-child(1) {
            width: 10px;
            overflow: hidden;
            word-wrap: break-word;
            word-break: normal;
        }
        
        th,
        td:nth-child(2) {
            width: 40%;
            overflow: hidden;
            word-wrap: break-word;
            word-break: normal;
        }
        
        th,
        td:nth-child(3) {
            width: 30%;
            overflow: hidden;
            word-wrap: break-word;
            word-break: normal;
        }
    </style>
</head>

<body>
    <table>
        <tr>
            <th>adf</th>
            <th>df</th>
            <th>fdf</th>
        </tr>
        <tr>
            <td>dddddddddddaaaaaaaaaaaaaaaaaaaaaaaaaaaadd</td>
            <td>ddd</td>
            <td>123</td>
        </tr>
    </table>

</body>

</html>